<template>
    <n-flex vertical>
        <div>可用空间 {{ quota }}B</div>
        <div>已使用: {{ usage }}B</div>
        <div>缓存:{{ caches }}</div>
        <div>indexedDB:{{ indexedDB }}</div>
        <div>serviceWorker:{{ serviceWorker }}</div>
    </n-flex>
</template>

<script setup>

defineProps({
    quota: Number,
    usage: String,
    caches: Object,
    indexedDB: Object,
    serviceWorker: Object
})

const f = {
    attribution: {},
    metricName: 'storageEstimate',
    data: { quota: 72634.1695, usage: 0, caches: null, indexedDB: null, serviceWorker: null },
    navigatorInformation: {
        deviceMemory: 8,
        hardwareConcurrency: 8,
        serviceWorkerStatus: 'supported',
        isLowEndDevice: false,
        isLowEndExperience: true
    },
    rating: null,
    title: '存储信息'
}
</script>
